<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title> css18 结构伪类3</title>
<style>
    /*结构1 选择倒数第几个的儿子的p元素 */
    /* div>p:nth-last-child()
    {
        color: red;
    } */
    /* 同类型中倒数第n个 */
    /* div>p:nth-last-of-type()
    {
        color: red;
    } */
  /* 结构2 选择的是没有兄弟的span元素 */
    /* span:only-child
   {
   color: red;
   } */
    /* 选择的是没有同类型兄弟的span元素 */
   /* span:only-of-type
   {
   color: red;
   } */
   /* 选择的是html标签的根元素 */
   /* :root
    {
color: aqua;
background-color: black;
    } */
     /* 选择没有内容的div元素,连空格都不行 */
     div:empty
     {
        width: 100px;
        height: 100px;
        background-color: red;

     }
</style>


</head>
<body>
<!-- 结构1 -->
<!-- <div>  
        <span>测试1</span>  
        <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <span>测试2</span>
        <p>zhangliu</p>
        <p>zhangqi</p>
        <p>zhangba</p>
        <span>测试3</span>
    </div> -->
<!-- 结构2 -->
 <div>
    <span>测试1</span>
 </div>
<div>  
         <span>测试2</span>
        <p >zhangsan</p>
        <p>zhangsi</p>
        <p>zhangwu</p>
        <p>zhangliu</p>
        <p>zhangqi</p>
        <p>zhangba</p>
        <span>测试3</span>
    </div>
    <div></div>
 

</body>
</html>